<template>
    <div class="row friend-link">
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://cool-js.com"
            >
                <img src="https://cdn.uviewui.com/uview/friends-link/60F6A98E3697B75EAEEDEE85A2D850EF.png" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="http://chu1204505056.gitee.io/admin-pro/?hmsr=uview&hmpl=&hmcu=&hmkw=&hmci="
            >
                <img src="/friend-link/vue-admin-beautiful.png" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://github.com/livelyPeng/pl-table"
            >
                <img src="/friend-link/pl-table.jpg" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.quanzhan.co/luch-request/"
            >
                <img src="/friend-link/luch-request.jpg" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.apipost.cn/"
            >
                <img src="https://cdn.uviewui.com/uview/friends-link/apipost.png" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.yisu.com/cdn/huodong.html?f=uview&ystimes=cdn1210"
            >
                <img src="https://cdn.uviewui.com/uview/friends-link/6b2d4703fe42aff2eb7f51ff9f06b09.png" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.fastadmin.net/"
            >
                <img src="https://cdn.uviewui.com/uview/friends-link/K3CYA7RO43UUAS8TZVUJY.jpg" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://code.fun/"
            >
                <img src="https://cdn.uviewui.com/uview/friends-link/CodeFunAd.png" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.jnpfsoft.com/index.html?from=uview"
            >
                <img src="https://cdn.uviewui.com/uview/friends-link/15646154564185644515.png" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.diygw.com"
            >
                <img src="https://cdn.uviewui.com/uview/friends-link/156485481541054.jpg" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://majiang.co"
            >
                <img
                    src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8f7e1d02-dcb1-46ba-90db-ae32fea44f22/d50b8253-2866-49f0-89ba-b2cb68cef42d.png" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.firstui.cn/"
            >
                <img src="https://cdn.uviewui.com/uview/resources/1564651815154.jpeg" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.diygw.com/"
            >
                <img src="https://cdn.uviewui.com/uview/resources/1564156561.jpg" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="https://www.crmeb.com/?from=uview"
            >
                <img src="https://cdn.uviewui.com/uview/resources/33b065d30beb6504d8eeef7cb7ff6af.jpg" />
            </a>
        </div>
        <div class="col-md-2 col-sm-2 col-xs-4 friend-link__wrap">
            <a
                target="_blank"
                class="friend-link__wrap__item"
                href="http://www.yunchengxc.com/"
            >
                <img src="https://cdn.uviewui.com/uview/resources/1161701826675.jpg" />
            </a>
        </div>
    </div>
</template>

<script>
</script>

<style lang="scss" scoped>
.friend-link {
    &__wrap {
        margin-top: 8px;

        &__item {
            border-radius: 5px;
            overflow: hidden;
            display: inline-block;
        }
    }
}
</style>
